<template>
  <div class="home_page_box">
    <lang-vue />

    <div class="main_box">
      <div class="main">
        <!-- 标题 -->
        <title-com />

        <!-- 搜索框 -->
        <div class="search_com">
          <search />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import langVue from '../components/lang.vue'; 
  import TitleCom from '../components/title.vue';
  import Search from '../components/search.vue';
 
  export default {
    name: 'HomePage',
    components: { langVue, TitleCom, Search },
    data() {
      return {

      }
    }
  }
</script>

<style lang="less" scoped>
  .home_page_box {
    .main_box {
      width: 100%;
      min-height: 800px;
      position: relative;

      .main {
        width: 50%;
        padding: 10px;
        text-align: center;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -30%);
      
        .search_com{
          margin-top: 30px;
        }
      
        .list_com {
          margin-top: 50px;
        }
      }
    }
  }

</style>